STIX Two Text
STIX Two Text (£12gIl&@%? fi fl)
STIX Two Text (£12gIl&@%? fi fl)
STIX Two Text (£12gIl&@%? fi fl)
Alan says, "STIX Two Text—good enough to be included on this page."
A real-time patho-physiological simulator with embedded ANNs (artificial neural networks). A work in progress.
This page (apart from the header and footer) is rendered using a single variable typeface - "STIX Two Text".
STIX Two Text, as with all the fonts implemented on this page, is impressively clear at small sizes and keeps an attractive shape with decent kerning throughout the weight-range.
Google will serve an equivalent range of non-variable fonts to those browsers that do not support variable-fonts.
STIX Two Text should be suitable for information-dense web pages containing multiple areas of formatted text: paragraphs, tables, etc.
This paragraph is normal width at a weight of 400. This sentence has class "bold" causing a relative increase in weight.
A full, print-friendly, font.
Numerals: vertical alignment & character spacing / kerning 1234567890
£1,111.11 |
£8,888.88 |
Varying width (---)
OK, here's some experimentation with CSS for tables and interface elements. All light-on-dark for an extra challenge in legibility! (weight 300)
I guess the basic question is: can you do a professional-looking website using only a single variable font? (weight 600)
Top LeftCell 1 | Cell 2: 2px padding, tiny font & whole cell is clickable! |
Cell 3. Let's pad this one to 8px, add a rounded border and some text—and see how well it works (all cell clickable). |
Bottom RightClass = small (font size)Button 1 Button 2 |
- One
- Two
- One
- Two
And the answer is definitely! And that website will be faster because of the reduced overall font-file size, bandwidth, and memory requirements.